<style type="text/css">
  #fileInput{
    position:relative;
    right: 0px;
    opacity: 0;
    /*-ms-filter: 'alpha(opacity=0)';*/
    filter:alpha(opacity=0);
  }
  .col{
       background-color: #F9FAFB;
       /*border: 1px solid #ddd;*/
       padding: 2px 0px 2px 0px;
       border-radius: 2px;
   }

</style>

<ion-content>

    <div class="item" ng-show="selectItem.taskType == '1'" style="padding: 8px 6px 0 6px;border: none;">
        <h3>车辆详情</h3>
        <div class="row" style="padding: 0px;">
            <span class="col" style="font-size: 13px;">自编号 : {{selectItem.vehicleNo}}</span>
            <span class="col" style="font-size: 13px;">车牌号 : {{selectItem.plateNo}}</span>
        </div>
        <div class="row" style="padding: 0px;">
            <span class="col" style="font-size: 13px;">线路号 : {{selectItem.lineNo}}</span>
            <span class="col" style="font-size: 13px;" ng-style="{'color': selectItem.status == '0' ? 'red' : 'green' }">
                状态 : {{selectItem.status | code : 'CHECK_TASK_ITEM_STATUS'}}
            </span>
        </div>
    </div>

    <div class="item" ng-show="selectItem.taskType == '2'" style="padding: 8px 6px 0 6px;border: none;">
        <h3>站点详情</h3>

        <div class="row" style="padding: 0px;">
            <span class="col" style="font-size: 13px;">站点名称 : {{selectItem.stopName}}</span>
            <span class="col" style="font-size: 13px;">街道 : {{selectItem.roadName}}</span>
        </div>
        <div class="row" style="padding: 0px;">
            <span class="col" style="font-size: 13px;">行向 : {{selectItem.direction}}</span>
            <span class="col" style="font-size: 13px;" ng-style="{'color': selectItem.status == '0' ? 'red' : 'green' }">
                状态 : {{selectItem.status | code : 'CHECK_TASK_ITEM_STATUS'}}
            </span>
        </div>
    </div>

    <div class="item" style="padding: 8px 6px 0 6px;border: none;" ng-show="selectItem.taskType == '3'">
        <h3>广告详情</h3>
        <div ng-show="selectItem.busId != undefined && selectItem.busId != ''">
            <div class="row" style="padding: 2px;">
                <span class="col" style="font-size: 13px;">自编号 : {{selectItem.vehicleNo}}</span>
                <span class="col" style="font-size: 13px;">车牌号 : {{selectItem.plateNo}}</span>
            </div>

            <div class="row" style="padding: 2px;">
                <span class="col" style="font-size: 13px;">线路 : {{selectItem.lineNo}}</span>
                <span class="col" style="font-size: 13px;">营运单位 : {{selectItem.companyName}}</span>
            </div>

            <div class="row" style="padding: 2px;">
                <span class="col" style="font-size: 13px;">媒体类型 : {{selectItem.mediaName}}</span>
                <span class="col" style="font-size: 13px;">上刊单号 : {{selectItem.billNo}}</span>
            </div>

            <div class="row" style="padding: 2px;">
                <span class="col" style="font-size: 13px;">广告内容 : {{selectItem.publishContent}}</span>
                <span class="col" style="font-size: 13px;" ng-style="{'color': selectItem.status == '0' ? 'red' : 'green' }">
                    状态 : {{selectItem.status | code : 'CHECK_TASK_ITEM_STATUS'}}
                </span>
            </div>

            <div class="row" style="padding: 2px;">
                <span class="col" style="font-size: 13px;">上刊时间 : {{selectItem.publishTime}}</span>
            </div>
        </div>

        <div ng-show="selectItem.stopId != undefined && selectItem.stopId != ''">
            <div class="row" style="padding: 2px 0px;">
                <span class="col" style="font-size: 13px;">站点名称 : {{selectItem.stopName}}</span>
                <span class="col" style="font-size: 13px;">街道 : {{selectItem.roadName}}</span>
            </div>

            <div class="row" style="padding: 2px 0px;">
                <span class="col" style="font-size: 13px;">媒体类型 : {{selectItem.mediaName}}</span>
                <span class="col" style="font-size: 13px;">行向 : {{selectItem.direction}}</span>
            </div>

            <div class="row" style="padding: 2px 0px;">
                <span class="col" style="font-size: 13px;">上刊单号 : {{selectItem.billNo}}</span>
                <span class="col" style="font-size: 13px;" ng-style="{'color': selectItem.status == '0' ? 'red' : 'green' }">
                    状态 : {{selectItem.status | code : 'CHECK_TASK_ITEM_STATUS'}}
                </span>
            </div>

            <div class="row" style="padding: 2px 0px;">
                <span class="col" style="font-size: 13px;">广告内容 : {{selectItem.publishContent}}</span>
            </div>

            <div class="row" style="padding: 2px 0px;">
                <span class="col" style="font-size: 13px;">上刊时间 : {{selectItem.publishTime}}</span>
            </div>
        </div>
        <div style="padding-top: 5px;" ng-show="selectItem.publishImgs.length > 0">
            <h3>上刊单照片</h3>
            <div class="row" style="padding: 2px;">
                <div ng-repeat="img in selectItem.publishImgs" style="padding: 0 5px 0 0px">
                    <img ng-src="{{nginxPath + img.path}}" style="width: 85px;height: 85px;">
                </div>
            </div>

        </div>

    </div>


  <div id="rightDisplay" ng-if="bigImage" class="col-center"
       ng-style="imgDivStyle"
       on-swipe-left="swipeLeft()"
       on-swipe-right="swipeRight()">
    <img class="img-responsive" ng-click="hideBigImage()"
         ng-style="imgStyle"
         ng-src="{{Url}}"/>
      <i ng-show="selectItem.status == '0'" class="icon ion-close-circled" style="position: absolute;top: 8.5%;left: 82.9%;z-index: 11;font-size: 32px;color: #F16156" ng-click="confirmClick()"></i>
  </div>



    <div style="height: 10px;background-color: #F5F5F5;">
    </div>

  <div>
        <h5 style="margin-left: 6px;">检查内容</h5>
    <!--图片-->
        <div style="color:#E8E0E0;text-align: center;">
          <div class="row row-wrap" style="text-align:center;">
              <div ng-show="selectItem.status == '0' && (!checkResult.files  || checkResult.files.length < 4)" class="col col-25 ng-uploader" style="height: 70px;border:1px dashed #E5E5E5" ed-uploader
                   data-options="text:'选择图片',accept : 'image/*',multiple: true,maxLength:4"
                   ng-model="checkResult.files">
              </div>
              <p ng-if="checkResult.files != undefined && checkResult.files.length > 0" >
                  <div ng-click="showBig(img.path,$index)" ng-repeat="img in checkResult.files" class="col col-25"  style="height: 70px;border:1px dashed #E5E5E5">
                      <img ng-src="{{nginxPath + img.path}}"  style="width:100%;height: 70px;margin-top: -3px;"/>
                      <!--<br ng-show="{{$index == 2}}"/>-->
                  </div>
              <!--{{checkResult.files}}-->
              <!--<img ng-src="{{nginxPath + checkResult.file.path}}" style="width:100%;height: 70px;margin-top: -3px;"/>-->
              </p>
          </div>
        </div>
        <div style="height: 10px;background-color: #F5F5F5;">
        </div>

        <div ng-show="checkDetail.length > 0 ">
            <div ng-repeat="detail in checkDetail" >
                <span class="item" style="border-top: 0px;border-bottom: 0px;">
                  {{detail.templateName}}
                  <div style="float: right;" ng-if="!detail.templateValue">
                      <div class="input-group">
                          <div class="icheck-inline">
                              <label>
                                  <input type="radio" style="" ng-click="clickTrue(detail,$event)" name="{{detail.templateId}}" ng-checked="true"> 是 </label>
                              <label>
                                  <input type="radio" ng-click="clickFalse(detail,$event)" name="{{detail.templateId}}" class="icheck"> 否 </label>
                          </div>
                      </div>
                  </div>
                  <div style="float: right;" ng-if="detail.templateValue">
                      <div class="input-group">
                          <div class="icheck-inline">
                              <label>
                                  <input type="radio" name="{{detail.templateId}}" ng-click="clickTrue(detail,$event)" ng-checked="{{detail.checkTrue}}">是
                              </label>
                              <label>
                                  <input type="radio" name="{{detail.templateId}}" ng-click="clickFalse(detail,$event)" ng-checked="{{!detail.checkTrue}}">否
                              </label>
                          </div>
                      </div>
                  </div>
                </span>
            </div>
        </div>

        <div style="height: 10px;background-color: #F5F5F5;">
        </div>

        <!--备注-->
        <div>
          <label class="item item-input" style="border: none;width: 100%;">
            <textarea placeholder="请输入备注" ng-model="checkResult.comment" style="border:1px solid #E7E7E7;width:102%;height: 120px;margin-left: -10px;padding: 5px;"></textarea>
          </label>
        </div>

    <div style="width: 100%;padding-top: 5px;padding-bottom: 5px;" ng-show="selectItem.status == '0'">
      <button ng-click="resCheckSubmit()" class="button button-positive" style="margin:0 5px 0 3px; width: 98%">提交</button>
    </div>

  </div>
</ion-content>

